<template>
	<div class="succeed">
			<div class="header">
				<!--<img src="../assets/rightbut.png">-->
				<span>支付成功</span>
			</div>
			<div class="content">
				<img src="../assets/cheng.png">
				<p class="shi">支付成功</p>
			</div>
	</div>
</template>

<script>	
</script>

<style scoped="scoped">
	html,body,.succeed{
		width: 100%;
		height: 100%;
		background: #fff;
	}
	.header{
		width: 100%;
		height: 0.9rem;
		display: flex;
		align-items: center;
		padding: 0 0.5rem;
	}
	.header img{
		width: 0.2rem;
		height: 0.3rem;
	}
	.header span{
		margin:  0 auto;
		color: #333333;
		font-size: 0.36rem;
		font-family: "PingFangSC-Medium";
	}
	.content{
		width: 100%;
		text-align: center;
	}
	.content img{
		margin-top: 1rem;
		width: 2rem;
		height: 2rem;
		margin-bottom: 0.6rem;
	}
	.shi{
		width: 100%;
		color: #333333 ;
		font-size: 0.4rem;
		font-family: "PingFangSC-Regular";
		line-height: 0.56rem;
	}
	.xiang{
		width: 100%;
		color: #888888 ;
		font-size: 0.28rem;
		line-height: 0.4rem;
		font-family: "PingFangSC-Regular";
		margin-bottom: 1.11rem;
	}
	.content a{
		height: 0.94rem;
		margin: 0 0.4rem 0.89rem 0.4rem;
		display: block;
		line-height: 0.94rem;
		text-align: center;
		border-radius: 0.1rem;
		font-size: 0.32rem;
	}
	.xia{
		background: #09BB07;
		color: #ffffff;
	}
	.liebiao{
		margin: 0 0.4rem;
		text-align: left;
	}
	.liebiao div{
		width: 100%;
		height: 0.5rem;
	}
	.dan1{
		width: 1.21rem;
		display: inline-block;
		color: #888888;
		font-size: 0.28rem;
		margin-right: 0.23rem;
		float: left;
	}
	.dan2{
		width: 5.22rem;
		color: #333333 ;
		display: inline-block;
		font-size: 0.28rem;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.ling{
		font-size: 0.26rem;
		color: #576B95;
		line-height: 0.37rem;
		margin-top: 1.4rem;
	}
	.shou{
		font-size: 0.26rem;
		color: #576B95;
		line-height: 0.37rem;
		margin-bottom: 0.29rem;
	}
</style>